iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 21
0
Modern Web

Angular - 從零開始系列 第 21

Angular - 從零開始 - Day21- Pipe 管線元件:percent

  • 分享至 

  • xImage
  •  

angular

percent 百分比

把數字轉換成百分比字串,

{{ value_expression | percent [ : digitsInfo [ : locale ] ] }}

digitsInfolocaleDecimalPipe 用法相同,只是 digitsInfo 的預設格式不同,會把百分比整理成整數。

HTML

<div>
  <p>轉成百分比: {{b | percent}}</p>
  <p>轉成百分比,小數點前四位數,小數點後兩位: {{b | percent:'4.3-5'}}</p>
  <p>百分比轉為法國格式: {{b | percent:'4.3-5':'fr'}}</p>
</div>

TS

b = 0.259;

Demo


上一篇
Angular - 從零開始 - Day20 - Pipe 管線元件:currency
下一篇
Angular - 從零開始 - Day22 - Pipe 管線元件:date
系列文
Angular - 從零開始25
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言